<template>
  <div class="signup_way" style="max-width: 433px">
    <span tabindex="-1"></span>
    <div class="signup_content">
      <h1 class="signup_title">Sign up</h1>
      <div>
        <div>
          <span class="join_free">Join Khan Academy for free as a</span>
        </div>
        <div class="choose_tab_contaner" @click="handleTab">
          <button class="active_tab" data-tabindex="0">Learner</button
          ><button class="choose_tab" data-tabindex="1">Teacher</button
          ><button class="choose_tab" data-tabindex="2">Parent</button>
        </div>
      </div>
      <div aria-hidden="true" class="_4bsxcct"></div>
      <div class="_xu2jcg">
        <div class="_3hyp2hu">
          <div class="_1ogiq8uv">
            <div class="birth_tip">What is your date of birth?</div>
            <div class="_xu2jcg">
              <div data-testid="birthday-picker" class="_duavrzj">
                <el-select
                  v-model="valueMonth"
                  placeholder="Month"
                  size="large"
                  style="width: 120px; margin-right: 10px"
                >
                  <el-option
                    v-for="item in optionsMonth"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value"
                  />
                </el-select>
                <el-select
                  v-model="valueDay"
                  placeholder="Day"
                  size="large"
                  style="width: 120px; margin-right: 10px"
                >
                  <el-option
                    v-for="(item, index) in optionsDay"
                    :key="index"
                    :label="item"
                    :value="item"
                  />
                </el-select>
                <el-select
                  v-model="valueYear"
                  placeholder="Year"
                  size="large"
                  style="width: 120px"
                >
                  <el-option
                    v-for="(item, index) in optionsYear"
                    :key="index"
                    :label="item"
                    :value="item"
                  />
                </el-select>
              </div>
            </div>
          </div>
        </div>
        <div class="_1y8ew5xb">
          <div class="with_btn_contaner">
            <button
              disabled=""
              class="_1up6svzf"
              style="
                color: rgb(33, 36, 44);
                border-color: rgba(33, 36, 44, 0.64);
                background-color: rgb(255, 255, 255);
                min-width: 100%;
                flex-grow: 0;
                opacity: 0.5;
              "
            >
              <div class="_1yok8f4">
                <div class="_1nc5dfk1">
                  <svg
                    viewBox="0 0 24 24"
                    fill="none"
                    xmlns="http://www.w3.org/2000/svg"
                  >
                    <path
                      d="M21.43 12.62C21.43 11.95 21.37 11.31 21.26 10.69H12.40V14.33H17.46C17.25 15.51 16.58 16.50 15.59 17.17V19.53H18.63C20.40 17.89 21.43 15.48 21.43 12.62Z"
                      fill="rgba(66,133,244,0.32)"
                    ></path>
                    <path
                      d="M12.40 21.81C14.94 21.81 17.07 20.96 18.63 19.53L15.59 17.17C14.75 17.73 13.67 18.07 12.40 18.07C9.95 18.07 7.88 16.41 7.14 14.19H4.00V16.63C5.55 19.70 8.73 21.81 12.40 21.81Z"
                      fill="rgba(52,168,83,0.32)"
                    ></path>
                    <path
                      d="M7.14 14.19C6.95 13.63 6.85 13.02 6.85 12.40C6.85 11.78 6.95 11.18 7.14 10.62V8.18H4.00C3.36 9.45 3 10.89 3 12.40C3 13.92 3.36 15.36 4.00 16.63L7.14 14.19Z"
                      fill="rgba(251,188,5,0.32)"
                    ></path>
                    <path
                      d="M12.40 6.74C13.78 6.74 15.02 7.21 16.00 8.15L18.69 5.45C17.07 3.93 14.94 3 12.40 3C8.73 3 5.55 5.11 4.00 8.18L7.14 10.62C7.88 8.39 9.95 6.74 12.40 6.74Z"
                      fill="rgba(234,67,53,0.32)"
                    ></path>
                  </svg>
                </div>
                Continue with Google
              </div>
            </button>
          </div>
          <div class="with_btn_contaner">
            <button
              class="_1up6svzf"
              style="
                color: rgb(33, 36, 44);
                border-color: rgba(33, 36, 44, 0.64);
                background-color: rgb(255, 255, 255);
                min-width: 100%;
                flex-grow: 0;
              "
            >
              <div class="_1yok8f4">
                <div class="_1nc5dfk1">
                  <svg
                    viewBox="0 0 24 24"
                    fill="none"
                    xmlns="http://www.w3.org/2000/svg"
                  >
                    <path
                      fill-rule="evenodd"
                      clip-rule="evenodd"
                      d="M4 12.07C4 7.06 7.72 3 13.04 3C16.31 3 18.27 4.10 19.88 5.69L17.45 8.51C16.12 7.29 14.75 6.54 13.02 6.54C10.10 6.54 7.99 8.98 7.99 11.97C7.99 15.01 10.04 17.50 13.02 17.50C15.00 17.50 16.21 16.70 17.57 15.46L20 17.92C18.22 19.84 16.23 21.03 12.89 21.03C7.79 21.03 4 17.07 4 12.07Z"
                      fill="#436CF2"
                    ></path>
                  </svg>
                </div>
                Continue with Clever
              </div>
            </button>
          </div>
          <div class="with_btn_contaner">
            <button
              class="_1up6svzf"
              style="
                color: rgb(33, 36, 44);
                border-color: rgba(33, 36, 44, 0.64);
                background-color: rgb(255, 255, 255);
                min-width: 100%;
                flex-grow: 0;
              "
            >
              <div class="_1yok8f4">
                <div class="_1nc5dfk1">
                  <svg
                    viewBox="0 0 24 24"
                    fill="none"
                    xmlns="http://www.w3.org/2000/svg"
                  >
                    <path
                      d="M22 11.5C22 6.25 17.75 2 12.5 2C7.25 2 3 6.25 3 11.5C3 16.24 6.47 20.17 11.02 20.89V14.25H8.60V11.5H11.02V9.41C11.02 7.03 12.43 5.71 14.60 5.71C15.64 5.71 16.73 5.90 16.73 5.90V8.23H15.53C14.35 8.23 13.98 8.97 13.98 9.72V11.5H16.62L16.20 14.25H13.98V20.89C18.53 20.17 22 16.24 22 11.5Z"
                      fill="#1877F2"
                    ></path>
                    <path
                      d="M16.20 14.25L16.62 11.5H13.98V9.72C13.98 8.97 14.35 8.23 15.53 8.23H16.73V5.90C16.73 5.90 15.64 5.71 14.60 5.71C12.43 5.71 11.02 7.03 11.02 9.41V11.5H8.60V14.25H11.02V20.89C11.50 20.96 12.00 21 12.5 21C13.00 21 13.50 20.96 13.98 20.89V14.25H16.20Z"
                      fill="#ffffff"
                    ></path>
                  </svg>
                </div>
                Continue with Facebook
              </div>
            </button>
          </div>
          <div class="with_btn_contaner">
            <button
              class="_1up6svzf"
              style="
                color: rgb(33, 36, 44);
                border-color: rgba(33, 36, 44, 0.64);
                background-color: rgb(255, 255, 255);
                min-width: 100%;
                flex-grow: 0;
              "
            >
              <div class="_1yok8f4">
                <div class="_1nc5dfk1">
                  <svg
                    viewBox="0 0 24 24"
                    fill="none"
                    xmlns="http://www.w3.org/2000/svg"
                  >
                    <path
                      d="M18.89 17.03C18.62 17.66 18.29 18.24 17.92 18.77C17.41 19.49 16.99 20.00 16.67 20.27C16.17 20.73 15.63 20.97 15.06 20.98C14.65 20.98 14.15 20.86 13.58 20.63C13.00 20.39 12.46 20.27 11.98 20.27C11.47 20.27 10.92 20.39 10.33 20.63C9.75 20.86 9.28 20.99 8.91 21.00C8.37 21.02 7.82 20.78 7.27 20.27C6.92 19.97 6.49 19.45 5.96 18.71C5.40 17.93 4.94 17.02 4.58 15.98C4.19 14.85 4 13.76 4 12.71C4 11.50 4.26 10.46 4.79 9.59C5.20 8.89 5.74 8.34 6.43 7.93C7.11 7.53 7.85 7.32 8.65 7.31C9.09 7.31 9.66 7.44 10.37 7.71C11.08 7.97 11.54 8.11 11.74 8.11C11.88 8.11 12.39 7.95 13.25 7.64C14.06 7.35 14.74 7.23 15.30 7.27C16.82 7.40 17.96 7.99 18.72 9.07C17.36 9.89 16.69 11.04 16.71 12.51C16.72 13.66 17.14 14.62 17.96 15.38C18.33 15.73 18.74 16.00 19.21 16.19C19.11 16.48 19.00 16.76 18.89 17.03ZM15.40 3.36C15.40 4.26 15.07 5.10 14.42 5.88C13.62 6.80 12.66 7.34 11.62 7.25C11.61 7.15 11.60 7.03 11.60 6.91C11.60 6.05 11.98 5.12 12.65 4.37C12.98 3.98 13.41 3.67 13.93 3.41C14.44 3.16 14.93 3.02 15.39 3C15.40 3.12 15.40 3.24 15.40 3.36V3.36Z"
                      fill="#000000"
                    ></path>
                  </svg>
                </div>
                Continue with Apple
              </div>
            </button>
          </div>
          <div class="with_btn_contaner">
            <button
              class="_1up6svzf"
              data-testid="sign-up-with-email-button"
              style="
                color: rgb(33, 36, 44);
                border-color: rgba(33, 36, 44, 0.64);
                background-color: rgb(255, 255, 255);
                min-width: 100%;
                flex-grow: 0;
              "
            >
              <div class="_1yok8f4">
                <div class="_1nc5dfk1">
                  <svg
                    viewBox="0 0 24 24"
                    fill="none"
                    xmlns="http://www.w3.org/2000/svg"
                  >
                    <path
                      d="M6.60 7.52L12.34 13.20L18.07 7.52H6.60ZM19.15 8.58L13.40 14.28C12.81 14.86 11.86 14.86 11.27 14.28L5.52 8.58V17.37H19.15V8.58ZM5.52 6H19.15C19.99 6 20.67 6.68 20.67 7.52V17.37C20.67 18.20 19.99 18.88 19.15 18.88H5.52C4.68 18.88 4 18.20 4 17.37V7.52C4 6.68 4.68 6 5.52 6Z"
                      fill="#000000"
                    ></path>
                  </svg>
                </div>
                Sign up with Email
              </div>
            </button>
          </div>
        </div>
      </div>
      <div aria-hidden="true" class="_1h8v03ot"></div>
      <div class="enter_code">
        <a class="text_a" href="/join">Enter class code</a>
      </div>
      <div class="_vxt53f">
        <a class="text_a" href="/login">Already have an account?</a>
      </div>
    </div>
  </div>
</template>
<script>
import { defineComponent, ref } from "vue";

export default defineComponent({
  setup() {
    const valueMonth = ref("");
    const valueDay = ref("");
    const valueYear = ref("");
    const tabindex = ref(0);
    const handleTab = () => {
      // 参数
      tabindex.value = 1;
    };

    const optionsMonth = [
      {
        value: 1,
        label: "Jan",
      },
      {
        value: 2,
        label: "Feb",
      },
      {
        value: 3,
        label: "Mar",
      },
      {
        value: 4,
        label: "Apr",
      },
      {
        value: 5,
        label: "May",
      },
      {
        value: 6,
        label: "Jun",
      },
      {
        value: 7,
        label: "Jul",
      },
      {
        value: 8,
        label: "Aug",
      },
      {
        value: 9,
        label: "Sep",
      },
      {
        value: 10,
        label: "Oct",
      },
      {
        value: 11,
        label: "Nov",
      },
      {
        value: 12,
        label: "Dec",
      },
    ];
    const optionsDay = [];
    for (let i = 1; i <= 31; i++) {
      console.log("i", i);
      optionsDay.push(i);
    }
    const optionsYear = [];
    const currentYear = new Date().getFullYear();
    for (let i = 1905; i <= currentYear; i++) {
      console.log("i", i);
      optionsYear.push(i);
    }
    optionsYear.reverse();

    return {
      valueMonth,
      valueDay,
      valueYear,
      optionsMonth,
      optionsDay,
      optionsYear,
      handleTab,
    };
  },
});
</script>

<style lang="less" scoped>
.with_btn_contaner {
  align-items: stretch;
  border-width: 0px;
  border-style: solid;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  margin: 0px;
  padding: 0px;
  position: relative;
  z-index: 0;
  min-height: 0px;
  min-width: 0px;
  margin-top: 4px;
}
._keh75d {
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100%;
}
._bc4egv {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
._dgdpujh {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 62px;
  left: 0px;
  position: relative;
  right: 0px;
  z-index: 1060;
  border-top: 1px solid rgba(33, 36, 44, 0.16);
  border-bottom: 1px solid rgba(33, 36, 44, 0.16);
}
@media print {
  ._dgdpujh {
    background-color: #ffffff;
  }
}
@media screen and (max-width: 767px) /* mediaQueries.smOrSmaller */ {
  ._dgdpujh {
    background: #f7f8fa;
  }
}
._9bl3wi {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  height: 100%;
}
._1ycdc3w {
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 100%;
  -webkit-align-items: center;
  align-items: center;
}
@media print {
  ._1ycdc3w {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
}
._1qhmdkk0 {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -ms-flex-positive: 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 100%;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  width: 0px;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  padding-left: 20px;
}
@media screen and (max-width: 767px) /* mediaQueries.smOrSmaller */ {
  ._1qhmdkk0 {
    display: none;
  }
}
@media print {
  ._1qhmdkk0 {
    display: none;
  }
}
._1boekgo {
  padding-top: 10px;
  padding-bottom: 10px;
  margin-left: 32px;
  margin-right: 32px;
  width: 200px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
}
._14nbw552 {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  font-family: inherit;
  font-size: 15px;
  font-weight: bold;
  text-decoration: none;
  color: #1b65e9;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 40px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  align-items: center;
  border-radius: 4px;
}
._14nbw552:hover {
  text-decoration: none;
}
._dhzffk {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  padding-left: 10px;
  padding-right: 10px;
  outline: 1px solid rgba(0, 0, 0, 0);
}
._gkt786u {
  -ms-flex-positive: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
}
._1ujnvj {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 100%;
}
._btd0noz {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -ms-flex-positive: 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 100%;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  width: 0px;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  padding-right: 20px;
}
@media print {
  ._btd0noz {
    display: none;
  }
}
@media screen and (max-width: 767px) /* mediaQueries.smOrSmaller */ {
  ._btd0noz {
    padding-right: 0px;
  }
}
._xvt9wo {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  display: none;
}
@media screen and (max-width: 767px) /* mediaQueries.smOrSmaller */ {
  ._xvt9wo {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
}
._1nv2rsnw {
  -webkit-box-align: center;
  -ms-flex-align: center;
  background-color: transparent;
  border: none;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  font-family: inherit;
  text-decoration: none;
  color: #1865f2;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  height: auto;
  margin-right: 16px;
  padding: 0px;
}
._1nv2rsnw:hover {
  text-decoration: none;
}
._1f3u7s {
  background: #ffffff;
  left: 0px;
  position: absolute;
  right: 0px;
}
@media screen and (min-width: 768px) /* mediaQueries.mdOrLarger */ {
  ._1f3u7s {
    display: none;
  }
}
._1c8t70d {
  display: inline-block;
  height: 100%;
  white-space: nowrap;
}
@media screen and (max-width: 767px) /* mediaQueries.smOrSmaller */ {
  ._1c8t70d {
    display: none;
  }
}
._3zofox {
  margin-left: 6px;
  position: relative;
}
._v2ig2y4 {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  margin: 0px;
  background-color: transparent;
  border: none;
  cursor: pointer;
  -webkit-justify-content: center;
  justify-content: center;
  padding-left: 0px;
  padding-right: 0px;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 100%;
  font-family: inherit;
  text-decoration: none;
  color: #1865f2;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  white-space: nowrap;
  padding: 0px;
}
._v2ig2y4::-moz-focus-inner {
  border: 0px;
}
._v2ig2y4:hover {
  text-decoration: none;
}
._v2ig2y4:focus {
  box-shadow: inset 0 -3px 0 0 #1865f2;
}
._19zgqrew {
  -ms-flex-positive: 0;
  -ms-flex-negative: 0;
  display: inline-block;
  vertical-align: text-bottom;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  -webkit-flex-grow: 0;
  flex-grow: 0;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  background-color: currentColor;
  width: 16px;
  height: 16px;
  -webkit-mask-image: url(https://cdn.kastatic.org/genwebpack/prod/en/images/33550432966b277d6cf8-caret-down-fill.svg);
  mask-image: url(https://cdn.kastatic.org/genwebpack/prod/en/images/33550432966b277d6cf8-caret-down-fill.svg);
}
._1jd6wiix {
  display: none;
  position: absolute;
  z-index: 1000;
  background-color: #f7f8fa;
  border-bottom: 1px solid rgba(33, 36, 44, 0.16);
  border-top: 1px solid rgba(33, 36, 44, 0.16);
  left: 0px;
  opacity: 0.99;
  width: 100%;
}
._p9s43im {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  border-width: 0px;
  border-style: solid;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0px;
  padding: 0px;
  position: relative;
  z-index: 0;
  min-height: 0px;
  min-width: 0px;
  -webkit-justify-content: center;
  justify-content: center;
  padding-bottom: 48px;
  padding-top: 48px;
}
._1o3zyidr {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  border-width: 0px;
  border-style: solid;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0px;
  padding: 0px;
  position: relative;
  z-index: 0;
  min-height: 0px;
  min-width: 0px;
  -webkit-justify-content: center;
  justify-content: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
@keyframes keyframe_1syiron {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
._12r4ewyx {
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-animation-name: keyframe_1syiron;
  animation-name: keyframe_1syiron;
  -webkit-animation-duration: 1.1s;
  animation-duration: 1.1s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  fill: rgba(33, 36, 44, 0.16);
}
._1717m280 {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  border-width: 0px;
  border-style: solid;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0px;
  padding: 0px;
  position: relative;
  z-index: 0;
  min-height: 0px;
  min-width: 0px;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 100%;
  font-family: inherit;
  text-decoration: none;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  color: rgba(33, 36, 44, 0.5);
}
._1717m280:hover {
  text-decoration: none;
}
._n81lrqx {
  -ms-flex-positive: 0;
  -ms-flex-negative: 0;
  display: inline-block;
  vertical-align: text-bottom;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  -webkit-flex-grow: 0;
  flex-grow: 0;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  background-color: currentColor;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(https://cdn.kastatic.org/genwebpack/prod/en/images/f9fa2561978a9a3291e8-magnifying-glass.svg);
  mask-image: url(https://cdn.kastatic.org/genwebpack/prod/en/images/f9fa2561978a9a3291e8-magnifying-glass.svg);
}
._1ab8w4s7 {
  -webkit-box-align: center;
  -ms-flex-align: center;
  border: none;
  margin: 0px;
  padding: 0px;
  width: auto;
  overflow: visible;
  background: transparent;
  font: inherit;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  outline: none;
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  cursor: pointer;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 100%;
  font-family: inherit;
  text-decoration: none;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  color: #0a2a66;
}
@media screen and (max-width: 767px) /* mediaQueries.smOrSmaller */ {
  ._1ab8w4s7 {
    padding-left: 16px;
  }
}
._1ab8w4s7:hover {
  text-decoration: none;
  color: #1865f2;
}
._1ab8w4s7:focus {
  outline: 4px solid #1865f2;
}
._1rt6g9t {
  width: 175px;
  fill: currentColor;
}
._uc07yrz {
  -webkit-box-align: center;
  -ms-flex-align: center;
  cursor: pointer;
  outline: none;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 100%;
  font-family: inherit;
  text-decoration: none;
  color: #1865f2;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  white-space: nowrap;
  margin-left: 16px;
  margin-right: 16px;
}
._uc07yrz:hover {
  text-decoration: none;
}
._uc07yrz:focus {
  box-shadow: inset 0 -3px 0 0 #1865f2;
}
@media screen and (max-width: 767px) /* mediaQueries.smOrSmaller */ {
  ._uc07yrz {
    display: none;
  }
}
._1k2exlvd {
  -ms-flex-positive: 0;
  -ms-flex-negative: 0;
  display: inline-block;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  -webkit-flex-grow: 0;
  flex-grow: 0;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  background-color: currentColor;
  width: 16px;
  height: 16px;
  margin-inline-start: 4px;
  vertical-align: -10%;
  -webkit-mask-image: url(https://cdn.kastatic.org/genwebpack/prod/en/images/68348bacc7f539b8d73d-arrow-square-out-bold.svg);
  mask-image: url(https://cdn.kastatic.org/genwebpack/prod/en/images/68348bacc7f539b8d73d-arrow-square-out-bold.svg);
}
._2yu61fz {
  -webkit-box-align: center;
  -ms-flex-align: center;
  cursor: pointer;
  outline: none;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 100%;
  font-family: inherit;
  text-decoration: none;
  color: #1865f2;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  white-space: nowrap;
  margin-left: 16px;
  margin-right: 16px;
}
._2yu61fz:hover {
  text-decoration: none;
}
._2yu61fz:focus {
  box-shadow: inset 0 -3px 0 0 #1865f2;
}
@media screen and (max-width: 767px) /* mediaQueries.smOrSmaller */ {
  ._2yu61fz {
    display: none;
  }
}
._1sq7o4lg {
  -webkit-box-align: center;
  -ms-flex-align: center;
  cursor: pointer;
  outline: none;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 100%;
  font-family: inherit;
  text-decoration: none;
  color: #1865f2;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  white-space: nowrap;
  margin-left: 16px;
  margin-right: 0px;
}
._1sq7o4lg:hover {
  text-decoration: none;
}
._1sq7o4lg:focus {
  box-shadow: inset 0 -3px 0 0 #1865f2;
}
@media screen and (max-width: 767px) /* mediaQueries.smOrSmaller */ {
  ._1sq7o4lg {
    display: none;
  }
}
._19bpjuy {
  border: 0px;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0px;
  position: absolute;
  width: 1px;
}
._5tdxkjz {
  border: none;
  margin: 0px;
  padding: 0px;
  width: auto;
  overflow: visible;
  background: transparent;
  text-decoration: none;
  color: inherit;
  font: inherit;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  outline: none;
  line-height: normal;
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  cursor: pointer;
}
._cddezix {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  border-width: 0px;
  border-style: solid;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0px;
  position: relative;
  z-index: 0;
  min-height: 0px;
  min-width: 0px;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  font-family: inherit;
  text-decoration: none;
  color: #1865f2;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  height: auto;
  padding: 0px;
  margin-right: 25px;
}
._cddezix:hover {
  text-decoration: none;
}
._txg1n8l {
  -ms-flex-positive: 0;
  -ms-flex-negative: 0;
  display: inline-block;
  vertical-align: text-bottom;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  -webkit-flex-grow: 0;
  flex-grow: 0;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  background-color: currentColor;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(https://cdn.kastatic.org/genwebpack/prod/en/images/fb1851842c74b40a3f42-list.svg);
  mask-image: url(https://cdn.kastatic.org/genwebpack/prod/en/images/fb1851842c74b40a3f42-list.svg);
}
._xu2jcg {
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  border-width: 0px;
  border-style: solid;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0px;
  padding: 0px;
  position: relative;
  z-index: 0;
  min-height: 0px;
  min-width: 0px;
}
._s217esa {
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  border-width: 0px;
  border-style: solid;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  z-index: 0;
  min-height: 0px;
  min-width: 0px;
  border: 0px;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0px;
  position: absolute;
  width: 1px;
}
._ujtkzou {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  border-width: 0px;
  border-style: solid;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0px;
  padding: 0px;
  position: relative;
  z-index: 0;
  min-height: 0px;
  min-width: 0px;
  -webkit-align-items: center;
  align-items: center;
  margin-top: 40px;
  margin-bottom: 40px;
  margin-left: 12px;
  margin-right: 12px;
}
._1utzloin {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  border-width: 0px;
  border-style: solid;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0px;
  padding: 0px;
  position: relative;
  z-index: 0;
  min-height: 0px;
  min-width: 0px;
  -webkit-justify-content: center;
  justify-content: center;
}
._4sjuzv {
  background-color: #0b2149;
  clear: both;
  color: #8295ba;
  position: relative;
  padding: 12px 20px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media print {
  ._4sjuzv {
    display: none;
  }
}
@media screen and (max-width: 767px) /* mediaQueries.smOrSmaller */ {
  ._4sjuzv {
    padding: 0 20px;
  }
}
._mx31bt {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 1200px;
  position: relative;
  margin: 0 auto;
  padding: 0 20px;
}
@media screen and (max-width: 767px) /* mediaQueries.smOrSmaller */ {
  ._mx31bt {
    padding: 0px;
  }
}
._19tdiqu {
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  padding: 36px 0 20px;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
@media screen and (max-width: 767px) /* mediaQueries.smOrSmaller */ {
  ._19tdiqu {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 50px;
  }
}
._1gf659q {
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  width: 40%;
  padding-right: 40px;
  padding-bottom: 40px;
}
@media screen and (max-width: 767px) /* mediaQueries.smOrSmaller */ {
  ._1gf659q {
    width: auto;
    height: auto;
    text-align: center;
    padding-right: 0px;
  }
}
._72gmc4 {
  font-family: inherit;
  font-size: 20px;
  line-height: 30px;
  margin: 0px;
  max-width: 440px;
  padding-bottom: 8px;
}
@media screen and (max-width: 767px) /* mediaQueries.smOrSmaller */ {
  ._72gmc4 {
    margin: 0 auto;
  }
}
._atd7un {
  font-family: inherit;
  font-size: 20px;
  line-height: 30px;
  margin: 0px;
  height: 1em;
}
._dc6frz {
  -ms-flex-positive: 1;
  font-family: inherit;
  font-size: 12px;
  line-height: 14px;
  position: relative;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
}
@media screen and (max-width: 767px) /* mediaQueries.smOrSmaller */ {
  ._dc6frz {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
}
._1f5ffzx {
  -webkit-break-inside: avoid-column;
  -moz-break-inside: avoid-column;
  -ms-break-inside: avoid-column;
  break-inside: avoid-column;
  padding-bottom: 32px;
}
._dso8x29 {
  padding-right: 8px;
  padding-bottom: 8px;
  min-height: 32px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  line-height: 14px;
  font-weight: bold;
  margin-bottom: 0px;
  color: inherit;
}
._1loa4vp {
  padding-right: 8px;
  padding-bottom: 8px;
  min-height: 32px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
._1s5b1tbi {
  padding-right: 8px;
  padding-bottom: 8px;
  min-height: 32px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 2px 0;
}
._1s5b1tbi:first-of-type {
  margin-top: 0px;
}
._1s5b1tbi:last-of-type {
  margin-bottom: 0px;
}
._tma09g {
  position: absolute;
  left: 0px;
  bottom: 20px;
}
@media screen and (max-width: 767px) /* mediaQueries.smOrSmaller */ {
  ._tma09g {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
  }
}
._79rohb {
  padding-top: 10px;
}
@media screen and (max-width: 767px) /* mediaQueries.smOrSmaller */ {
  ._79rohb {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
  }
}
._1a6u2ug {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  font-family: inherit;
  font-size: 12px;
  line-height: 14px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  align-items: center;
  border-top: 1px solid rgba(33, 36, 44, 0.16);
  padding: 8px 0;
}
@media screen and (max-width: 767px) /* mediaQueries.smOrSmaller */ {
  ._1a6u2ug {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    padding-top: 20px;
  }
}
._190525k:not(:first-child) {
  margin-left: 16px;
}
@media screen and (max-width: 767px) /* mediaQueries.smOrSmaller */ {
  ._190525k {
    margin-top: 6px;
    line-height: 1.5;
  }
  ._190525k:not(:first-child) {
    margin-left: 0px;
  }
}
@media screen and (max-width: 767px) /* mediaQueries.smOrSmaller */ {
  ._1c07mee {
    margin-top: 20px;
  }
}
._1gmhxtz9 {
  -webkit-box-align: center;
  -ms-flex-align: center;
  cursor: pointer;
  outline: none;
  -webkit-align-items: center;
  align-items: center;
  color: #ffffff;
  text-decoration: none;
}
._1gmhxtz9:hover {
  text-decoration: underline;
}
._1gmhxtz9:focus {
  text-decoration: underline;
}
._1vn7gh5u {
  -webkit-box-align: center;
  -ms-flex-align: center;
  cursor: pointer;
  text-decoration: none;
  outline: none;
  -webkit-align-items: center;
  align-items: center;
  color: #ffffff;
}
._1iym5ly {
  width: 100px;
}
._1vq0rez {
  background: rgba(255, 255, 255, 0.5);
  height: 16px;
  margin-bottom: 16px;
  padding-right: 16px;
}
._17bhrfb {
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
@media screen and (max-width: 767px) /* mediaQueries.smOrSmaller */ {
  ._17bhrfb {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
}
._1ny02i68 {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  font-family: Lato, "Noto Sans", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
}
._1eiug0zj {
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  border-width: 0px;
  border-style: solid;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0px;
  padding: 0px;
  position: relative;
  z-index: 0;
  min-height: 0px;
  min-width: 0px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
._1mpjkvn {
  background: transparent;
  border: none;
  height: 100%;
  color: #ffffff;
  padding-left: 8px;
  font-size: 12px;
  font-family: Lato;
  line-height: 16px;
}
._1mpjkvn:focus {
  outline: none;
  text-decoration: underline;
}
._1mpjkvn:hover {
  outline: none;
  text-decoration: underline;
  cursor: pointer;
}
._1c8xr9dm {
  -ms-flex-positive: 0;
  -ms-flex-negative: 0;
  display: inline-block;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  -webkit-flex-grow: 0;
  flex-grow: 0;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  background-color: #ffffff;
  -webkit-mask-image: url(https://cdn.kastatic.org/genwebpack/prod/en/images/76a97545e1b923bc13bc-caret-down-bold.svg);
  mask-image: url(https://cdn.kastatic.org/genwebpack/prod/en/images/76a97545e1b923bc13bc-caret-down-bold.svg);
  vertical-align: middle;
  width: 12px;
  height: 12px;
  margin-left: 2px;
}
._1jy18x8 {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  height: 13px;
  color: #fff;
  text-decoration: none;
  font-size: 12px;
  margin-left: 12px;
}
._1jy18x8:hover {
  text-decoration: underline;
}
._jw8wag {
  width: 13px;
  height: 12px;
  margin: 1px 6px 0 0;
}
._1qh64wuz {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  border-width: 0px;
  border-style: solid;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0px;
  padding: 0px;
  position: relative;
  z-index: 0;
  min-height: 0px;
  min-width: 0px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  width: 279px;
}
._t0tx82 {
  -ms-flex-positive: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
._1a0hixk5 {
  -webkit-box-align: center;
  -ms-flex-align: center;
  cursor: pointer;
  text-decoration: none;
  outline: none;
  -webkit-align-items: center;
  align-items: center;
  color: #ffffff;
  opacity: 0.6;
  display: inline-block;
}
._1a0hixk5:not(:first-child) {
  margin-left: 8px;
}
._1a0hixk5:hover {
  opacity: 1;
}
._12ga11pz {
  -ms-flex-positive: 0;
  -ms-flex-negative: 0;
  display: inline-block;
  vertical-align: text-bottom;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  -webkit-flex-grow: 0;
  flex-grow: 0;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  background-color: currentColor;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(https://cdn.kastatic.org/genwebpack/prod/en/images/4ef00877d0348c4db3eb-facebook-logo-fill.svg);
  mask-image: url(https://cdn.kastatic.org/genwebpack/prod/en/images/4ef00877d0348c4db3eb-facebook-logo-fill.svg);
}
._hhjnmsy {
  -ms-flex-positive: 0;
  -ms-flex-negative: 0;
  display: inline-block;
  vertical-align: text-bottom;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  -webkit-flex-grow: 0;
  flex-grow: 0;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  background-color: currentColor;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(https://cdn.kastatic.org/genwebpack/prod/en/images/21e9a32d4615da4195c7-twitter-logo-fill.svg);
  mask-image: url(https://cdn.kastatic.org/genwebpack/prod/en/images/21e9a32d4615da4195c7-twitter-logo-fill.svg);
}
._11tl3z40 {
  -ms-flex-positive: 0;
  -ms-flex-negative: 0;
  display: inline-block;
  vertical-align: text-bottom;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  -webkit-flex-grow: 0;
  flex-grow: 0;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  background-color: currentColor;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(https://cdn.kastatic.org/genwebpack/prod/en/images/24444c671b0c50580b39-instagram-logo-fill.svg);
  mask-image: url(https://cdn.kastatic.org/genwebpack/prod/en/images/24444c671b0c50580b39-instagram-logo-fill.svg);
}
._np9edv {
  max-height: 0px;
  -webkit-transition: max-height 0.3s;
  -moz-transition: max-height 0.3s;
  transition: max-height 0.3s;
  overflow: hidden;
}
._1pwnewep {
  max-height: 1000px;
  -webkit-transition: max-height 0.3s;
  -moz-transition: max-height 0.3s;
  transition: max-height 0.3s;
  overflow: hidden;
}
@keyframes keyframe_1grxuus {
  0% {
    opacity: 0.4;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.4;
  }
}
._1lzga44 {
  -webkit-animation-name: keyframe_1grxuus;
  animation-name: keyframe_1grxuus;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
._a46150 {
  padding: 0px;
  border: none;
}
._a46150:focus {
  outline: 0px;
}
._19q5dyh {
  border: 0px;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0 10px;
  position: absolute;
  width: 1px;
  background-color: #ffffff;
  left: 60px;
  line-height: 45px;
  top: 60px;
}
._19q5dyh:focus {
  clip: auto;
  height: auto;
  width: auto;
  z-index: 9999;
}
._19q5dyh:active {
  clip: auto;
  height: auto;
  width: auto;
}
._vtegui {
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  border-width: 0px;
  border-style: solid;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0px;
  padding: 0px;
  position: relative;
  z-index: 0;
  min-height: 0px;
  min-width: 0px;
  overflow-x: hidden;
}
._e296pg {
  position: relative;
}
._1v4dms8 {
  -webkit-box-direction: reverse;
  -webkit-box-orient: horizontal;
  padding: 8px 20px 95px;
  color: #21242c;
  -webkit-font-smoothing: antialiased;
  position: relative;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  overflow: hidden;
  max-width: 1152px;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  ._1v4dms8 {
    display: grid;
    -ms-grid-template-columns: 41% 1fr;
    grid-template-columns: 41% 1fr;
    padding: 30px 20px 10px;
    -ms-grid-gap: 30px;
    grid-gap: 30px;
  }
}
@media screen and (min-width: 1023.5px) {
  ._1v4dms8 {
    -ms-grid-template-columns: 451px 1fr;
    grid-template-columns: 451px 1fr;
  }
}
._13srurz {
  position: relative;
  z-index: 5;
  float: right;
  width: 80%;
}
@media screen and (min-width: 768px) {
  ._13srurz {
    -ms-flex-item-align: center;
    float: none;
    position: static;
    width: 100%;
    -webkit-align-self: center;
    align-self: center;
  }
}
._zdxht7 {
  width: 100%;
}
._zjuubo {
  position: absolute;
  z-index: 10;
  width: -webkit-calc(100% - 40px);
  width: -moz-calc(100% - 40px);
  width: calc(100% - 40px);
  bottom: 0px;
  padding-bottom: 5px;
}
@media screen and (max-width: 374px) {
  ._zjuubo {
    top: 0px;
    bottom: unset;
  }
}
@media screen and (min-width: 768px) {
  ._zjuubo {
    -ms-flex-item-align: center;
    position: static;
    width: 100%;
    padding-bottom: 0px;
    -webkit-align-self: center;
    align-self: center;
  }
}
._1b9bpa3 {
  font-family: "Source Serif Pro", "Noto Serif", serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  margin-bottom: 3%;
}
@media screen and (min-width: 768px) {
  ._1b9bpa3 {
    font-size: 32px;
    line-height: 36px;
  }
}
@media screen and (min-width: 1023.5px) {
  ._1b9bpa3 {
    font-size: 34px;
    line-height: 36px;
  }
}
._akj1ep {
  margin: 0 0 20px;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  width: 85%;
  max-width: 500px;
}
@media screen and (max-width: 374px) {
  ._akj1ep {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  ._akj1ep {
    width: 100%;
    max-width: 100%;
    padding-right: 15%;
  }
}
@media screen and (min-width: 1023.5px) {
  ._akj1ep {
    font-size: 16px;
  }
}
._1gf4zc3 {
  vertical-align: text-bottom;
  background: white;
  display: inline;
}
._1q3929r {
  display: none;
}
@media screen and (min-width: 1023.5px) {
  ._1q3929r {
    display: grid;
    -ms-grid-auto-flow: column;
    grid-auto-flow: column;
    -ms-grid-gap: 10px;
    grid-gap: 10px;
  }
}
._qy3q5cg {
  margin: 0 0 20px;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  width: 85%;
  max-width: 500px;
  display: none;
}
@media screen and (max-width: 374px) {
  ._qy3q5cg {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  ._qy3q5cg {
    width: 100%;
    max-width: 100%;
    padding-right: 15%;
  }
}
@media screen and (min-width: 1023.5px) {
  ._qy3q5cg {
    font-size: 16px;
  }
}
._1rhl3qm4 {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  position: relative;
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  height: 40px;
  padding-top: 0px;
  padding-bottom: 0px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  outline: none;
  text-decoration: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: #1865f2;
  color: #ffffff;
  padding-left: 16px;
  padding-right: 16px;
}
._1rhl3qm4:focus {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
._1gw4cnik {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: Lato, "Noto Sans", sans-serif;
  font-size: 16px;
  line-height: 20px;
  -webkit-align-items: center;
  align-items: center;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  pointer-events: none;
}
._1rb1h9d3 {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  margin: 0px;
  position: relative;
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  height: 40px;
  padding-top: 0px;
  padding-bottom: 0px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  outline: none;
  text-decoration: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: #1865f2;
  color: #ffffff;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
}
._1rb1h9d3::-moz-focus-inner {
  border: 0px;
}
._1rb1h9d3:focus {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@media screen and (min-width: 768px) {
  ._1rb1h9d3 {
    width: auto;
  }
}
@media screen and (min-width: 1023.5px) {
  ._1rb1h9d3 {
    display: none;
  }
}
._a6pvs2x {
  border: 0px;
  padding: 0px;
  background-color: transparent;
  position: absolute;
  left: 50%;
  background-image: url(https://cdn.kastatic.org/images/marketing-content/scroll-more-button.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  height: 29px;
  width: 30px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  cursor: pointer;
  margin: 40px 0 0 0;
}
@media screen and (min-width: 768px) /* mediaQueries.mdOrLarger */ {
  ._a6pvs2x {
    height: 36px;
    width: 38px;
  }
}
@media screen and (min-width: 1024px) /* mediaQueries.lgOrLarger */ {
  ._a6pvs2x {
    height: 40px;
    width: 42px;
  }
}
._xcj67v {
  width: 11px;
  height: 6px;
  vertical-align: middle;
}
@media screen and (min-width: 768px) /* mediaQueries.mdOrLarger */ {
  ._xcj67v {
    width: 14px;
    height: 8px;
  }
}
@media screen and (min-width: 1024px) /* mediaQueries.lgOrLarger */ {
  ._xcj67v {
    width: 16px;
    height: 9px;
  }
}
._10f5isdo {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  border-width: 0px;
  border-style: solid;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0px;
  padding: 0px;
  min-height: 0px;
  min-width: 0px;
  height: 0px;
  max-height: 0px;
  overflow: visible;
  text-align: center;
  background: #eeeeee;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  position: relative;
  z-index: 2;
}
._10q4uxll {
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  border-width: 0px;
  border-style: solid;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0px;
  position: relative;
  z-index: 0;
  min-height: 0px;
  min-width: 0px;
  width: 100%;
  margin: 0 0 80px 0;
}
._10q4uxll:focus {
  outline: 0px;
}
._1mdcv6t8 {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  border-width: 0px;
  border-style: solid;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  z-index: 0;
  min-height: 0px;
  min-width: 0px;
  color: #21242c;
  width: 100%;
  max-width: 1152px;
  padding: 0 64px;
  margin: 122px auto 0 auto;
  -webkit-align-items: center;
  align-items: center;
}
@media screen and (max-width: 1023px) /* mediaQueries.mdOrSmaller */ {
  ._1mdcv6t8 {
    padding-left: 20px;
    padding-right: 20px;
  }
}
._1oyygy7d {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-top: 0px;
  margin-bottom: 0px;
  color: #21242c;
  display: block;
  font-family: "Source Serif Pro", "Noto Serif", serif;
  font-size: 30px;
  font-weight: 600;
  line-height: 35px;
  letter-spacing: -0.1px;
  margin: -40px auto 0;
  padding: 40px 0 80px;
  text-align: center;
  max-width: 800px;
}
@media screen and (min-width: 768px) {
  ._1oyygy7d {
    font-size: 44px;
    line-height: 48px;
  }
}
@media screen and (max-width: 374px) {
  ._1oyygy7d {
    font-size: 30px;
    line-height: 35px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) /* mediaQueries.md */ {
  ._1oyygy7d {
    margin-bottom: 71px;
    font-size: 44px;
  }
}
@media screen and (max-width: 767px) /* mediaQueries.smOrSmaller */ {
  ._1oyygy7d {
    margin-bottom: 8px;
  }
}
._1oyygy7d:focus {
  outline: 0px;
}
._19c3vpn4 {
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  border-width: 0px;
  border-style: solid;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 0px;
  position: relative;
  z-index: 0;
  min-height: 0px;
  min-width: 0px;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  margin: 0 0 120px 0;
}
@media screen and (max-width: 1023px) /* mediaQueries.mdOrSmaller */ {
  ._19c3vpn4 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    margin-bottom: 129px;
  }
}
@media screen and (max-width: 767px) /* mediaQueries.smOrSmaller */ {
  ._19c3vpn4 {
    margin-bottom: 120px;
    max-width: 327px;
    margin-left: auto;
    margin-right: auto;
  }
}
._3vgeo5o {
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  border-width: 0px;
  border-style: solid;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0px;
  padding: 0px;
  position: relative;
  z-index: 0;
  min-height: 0px;
  min-width: 0px;
  display: block;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
._5hffmqw {
  -ms-flex-positive: 1;
  -ms-flex-preferred-size: 0px;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  border-width: 0px;
  border-style: solid;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0px;
  padding: 0px;
  position: relative;
  z-index: 0;
  min-height: 0px;
  min-width: 0px;
  -webkit-flex-basis: 0px;
  flex-basis: 0px;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  text-align: left;
}
@media screen and (min-width: 768px) and (max-width: 1023px) /* mediaQueries.md */ {
  ._5hffmqw {
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -ms-flex-preferred-size: auto;
    -webkit-flex-basis: auto;
    flex-basis: auto;
    width: 504px;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) /* mediaQueries.smOrSmaller */ {
  ._5hffmqw {
    -ms-flex-preferred-size: auto;
    -webkit-flex-basis: auto;
    flex-basis: auto;
    width: auto;
  }
}
._xnpl0ze {
  -ms-flex-item-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  border-width: 0px;
  border-style: solid;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0px;
  position: relative;
  min-height: 0px;
  min-width: 0px;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  height: 104px;
  width: 106px;
  -webkit-align-self: center;
  align-self: center;
  overflow: visible;
  z-index: -1;
  margin: 18px 0 6px 0;
}
@media screen and (max-width: 1023px) /* mediaQueries.mdOrSmaller */ {
  ._xnpl0ze {
    -ms-flex-negative: 1;
    -webkit-flex-shrink: 1;
    flex-shrink: 1;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) /* mediaQueries.md */ {
  ._xnpl0ze {
    -ms-flex-item-align: start;
    margin-right: 42px;
    margin-top: 34px;
    margin-bottom: 0px;
    -webkit-align-self: start;
    align-self: start;
  }
}
@media screen and (max-width: 767px) /* mediaQueries.smOrSmaller */ {
  ._xnpl0ze {
    margin-bottom: 12px;
  }
}
._u65sq1a {
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  border-width: 0px;
  border-style: solid;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0px;
  padding: 0px;
  position: relative;
  z-index: 0;
  min-height: 0px;
  min-width: 0px;
  text-align: center;
}
@media screen and (min-width: 768px) and (max-width: 1023px) /* mediaQueries.md */ {
  ._u65sq1a {
    -ms-flex-negative: 1;
    max-width: 304px;
    -webkit-flex-shrink: 1;
    flex-shrink: 1;
    text-align: left;
  }
}
._eib2kdk {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-top: 0px;
  margin-bottom: 0px;
  color: #21242c;
  display: block;
  font-family: "Source Serif Pro", "Noto Serif", serif;
  font-size: 25px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: -0.1px;
  margin: 0 0 20px 0;
}
@media screen and (max-width: 767px) /* mediaQueries.smOrSmaller */ {
  ._eib2kdk {
    margin-bottom: 12px;
  }
}
._1jhgniwy {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #21242c;
  display: block;
  font-family: Lato, "Noto Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: -0.1px;
}
@media screen and (max-width: 567px) /* mediaQueries.xs */ {
  ._1jhgniwy {
    font-size: 14px;
    line-height: 22px;
  }
}
._1h26rsod {
  -ms-flex-negative: 1;
  -ms-flex-positive: 0;
  -ms-flex-preferred-size: 56px;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  border-width: 0px;
  border-style: solid;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0px;
  padding: 0px;
  position: relative;
  z-index: 0;
  min-height: 0px;
  min-width: 0px;
  -webkit-flex-basis: 56px;
  flex-basis: 56px;
  -webkit-flex-grow: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 1;
  flex-shrink: 1;
}
@media screen and (min-width: 768px) and (max-width: 1023px) /* mediaQueries.md */ {
  ._1h26rsod {
    -ms-flex-preferred-size: 60px;
    -webkit-flex-basis: 60px;
    flex-basis: 60px;
  }
}
@media screen and (max-width: 767px) /* mediaQueries.smOrSmaller */ {
  ._1h26rsod {
    -ms-flex-preferred-size: 48px;
    -webkit-flex-basis: 48px;
    flex-basis: 48px;
  }
}
._14srqcp {
  width: 120%;
}
._1k6dqj1 {
  width: 100%;
  height: auto;
}
._1b4n03jl {
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  border-width: 0px;
  border-style: solid;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  position: relative;
  z-index: 0;
  min-height: 0px;
  min-width: 0px;
  -webkit-align-items: center;
  align-items: center;
  max-width: 1200px;
  padding: 0 20px;
  margin: 0 auto 200px auto;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
@media screen and (max-width: 1023px) /* mediaQueries.mdOrSmaller */ {
  ._1b4n03jl {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: inherit;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (max-width: 767px) /* mediaQueries.smOrSmaller */ {
  ._1b4n03jl {
    margin-bottom: 165px;
  }
}
._hoh1o6o {
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  border-width: 0px;
  border-style: solid;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  z-index: 0;
  min-height: 0px;
  min-width: 0px;
  position: relative;
  padding: 0 0 0 0;
  margin: 0 90px 0 0;
}
@media screen and (max-width: 1023px) /* mediaQueries.mdOrSmaller */ {
  ._hoh1o6o {
    margin: 0 110px;
  }
}
@media screen and (max-width: 767px) /* mediaQueries.smOrSmaller */ {
  ._hoh1o6o {
    margin: 0 24px 24px 24px;
  }
}
._4bsxcct {
  -ms-flex-negative: 0;
  -ms-flex-preferred-size: 12px;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  border-width: 0px;
  border-style: solid;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0px;
  padding: 0px;
  position: relative;
  z-index: 0;
  min-height: 0px;
  min-width: 0px;
  width: 12px;
  -ms-flex-basis: 12px;
  -ms-flex-preferred-size: 12px;
  -webkit-flex-basis: 12px;
  flex-basis: 12px;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
._mbioy {
  -ms-flex-negative: 0;
  -ms-flex-preferred-size: 464px;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  border-width: 0px;
  border-style: solid;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0px;
  position: relative;
  z-index: 0;
  min-height: 0px;
  min-width: 0px;
  -webkit-flex-basis: 464px;
  flex-basis: 464px;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  margin: 0px;
}
@media screen and (max-width: 1023px) /* mediaQueries.mdOrSmaller */ {
  ._mbioy {
    -ms-flex-preferred-size: auto;
    width: 548px;
    margin-left: auto;
    margin-right: auto;
    -webkit-flex-basis: auto;
    flex-basis: auto;
  }
}
@media screen and (max-width: 767px) /* mediaQueries.smOrSmaller */ {
  ._mbioy {
    max-width: 584px;
    width: auto;
  }
}
._1xfrfndw {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  font-family: Lato, "Noto Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.1em;
  color: rgba(33, 36, 44, 0.64);
  margin: 0 0 37px 0;
}
._ji9nyhl {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-top: 0px;
  margin-bottom: 0px;
  color: #21242c;
  display: block;
  font-family: "Source Serif Pro", "Noto Serif", serif;
  font-size: 30px;
  font-weight: 600;
  line-height: 35px;
  letter-spacing: -0.1px;
}
@media screen and (min-width: 768px) {
  ._ji9nyhl {
    font-size: 44px;
    line-height: 48px;
  }
}
@media screen and (max-width: 374px) {
  ._ji9nyhl {
    font-size: 30px;
    line-height: 35px;
  }
}
._y4cg9fa {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #21242c;
  display: block;
  font-family: Lato, "Noto Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: -0.1px;
  margin: 26px 0 42px 0;
}
@media screen and (max-width: 567px) /* mediaQueries.xs */ {
  ._y4cg9fa {
    font-size: 14px;
    line-height: 22px;
  }
}
@media screen and (min-width: 768px) /* mediaQueries.mdOrLarger */ {
  ._y4cg9fa {
    font-size: 18px;
    line-height: 30px;
  }
}
._fctr8xf {
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  border-width: 0px;
  border-style: solid;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin: 0px;
  padding: 0px;
  position: relative;
  z-index: 0;
  min-height: 0px;
  min-width: 0px;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
@media screen and (max-width: 767px) /* mediaQueries.smOrSmaller */ {
  ._fctr8xf {
    display: none;
    width: 100%;
  }
}
._xo579zs {
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  border-width: 0px;
  border-style: solid;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin: 0px;
  padding: 0px;
  position: relative;
  z-index: 0;
  min-height: 0px;
  min-width: 0px;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
._18fxojsy {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  position: relative;
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding-top: 0px;
  padding-bottom: 0px;
  border: none;
  cursor: pointer;
  outline: none;
  text-decoration: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: #1865f2;
  color: #ffffff;
  padding-left: 32px;
  padding-right: 32px;
  border-radius: 6px;
  height: 56px;
}
._18fxojsy:focus {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
._hfy33nj {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: Lato, "Noto Sans", sans-serif;
  -webkit-align-items: center;
  align-items: center;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  pointer-events: none;
  font-size: 18px;
  line-height: 20px;
}
._rg8deia {
  -ms-flex-positive: 1;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  border-width: 0px;
  border-style: solid;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0px;
  padding: 0px;
  position: relative;
  z-index: 0;
  min-height: 0px;
  min-width: 0px;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
._11nxon6w {
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  border-width: 0px;
  border-style: solid;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0px;
  padding: 0px;
  position: relative;
  z-index: 0;
  min-height: 0px;
  min-width: 0px;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  width: 100%;
  display: none;
}
@media screen and (max-width: 767px) /* mediaQueries.smOrSmaller */ {
  ._11nxon6w {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
}
._1luuabi {
  position: absolute;
  background: transparent;
  border: none;
  cursor: pointer;
}
._mg36wky {
  -webkit-box-direction: reverse;
  -webkit-box-orient: horizontal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  border-width: 0px;
  border-style: solid;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  position: relative;
  z-index: 0;
  min-height: 0px;
  min-width: 0px;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  max-width: 1200px;
  padding: 0 20px;
  margin: 0 auto 200px auto;
}
@media screen and (max-width: 1023px) /* mediaQueries.mdOrSmaller */ {
  ._mg36wky {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: inherit;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (max-width: 767px) /* mediaQueries.smOrSmaller */ {
  ._mg36wky {
    margin-bottom: 165px;
  }
}
._et3ir1 {
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  border-width: 0px;
  border-style: solid;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  z-index: 0;
  min-height: 0px;
  min-width: 0px;
  position: relative;
  padding: 0 0 0 0;
  margin: 0 0 0 90px;
}
@media screen and (max-width: 1023px) /* mediaQueries.mdOrSmaller */ {
  ._et3ir1 {
    margin: 0 110px;
  }
}
@media screen and (max-width: 767px) /* mediaQueries.smOrSmaller */ {
  ._et3ir1 {
    margin: 0 24px 24px 24px;
  }
}
._vhudmz2 {
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  border-width: 0px;
  border-style: solid;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0px;
  position: relative;
  z-index: 0;
  min-height: 0px;
  min-width: 0px;
  margin: -80px 0 80px 0;
}
@media screen and (max-width: 1023px) /* mediaQueries.mdOrSmaller */ {
  ._vhudmz2 {
    margin-top: 0px;
  }
}
._dkkao8m {
  -ms-flex-item-align: center;
  position: absolute;
  width: 100%;
  overflow: visible;
  z-index: -1;
  top: 0px;
  -webkit-align-self: center;
  align-self: center;
  min-height: 100%;
  display: none;
}
@media screen and (max-width: 1023px) {
  ._dkkao8m {
    height: 100%;
    top: 0px;
    bottom: 0px;
  }
}
@media screen and (min-width: 1024px) {
  ._dkkao8m {
    display: block;
  }
}
._dvwof5m {
  -ms-flex-item-align: center;
  position: absolute;
  width: 100%;
  overflow: visible;
  z-index: -1;
  top: 0px;
  -webkit-align-self: center;
  align-self: center;
  min-height: 100%;
  display: block;
}
@media screen and (max-width: 1023px) {
  ._dvwof5m {
    height: 100%;
    top: 0px;
    bottom: 0px;
  }
}
@media screen and (min-width: 1024px) {
  ._dvwof5m {
    display: none;
  }
}
._1qqvwcwk {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  border-width: 0px;
  border-style: solid;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0px;
  position: relative;
  z-index: 0;
  min-width: 0px;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  min-height: 631px;
  padding: 0 64px;
  width: 100%;
}
@media screen and (max-width: 1023px) /* mediaQueries.mdOrSmaller */ {
  ._1qqvwcwk {
    min-height: 621px;
    padding-left: 112px;
    padding-right: 112px;
  }
}
@media screen and (max-width: 767px) /* mediaQueries.smOrSmaller */ {
  ._1qqvwcwk {
    padding-left: 48px;
    padding-right: 48px;
    padding-top: 24px;
  }
}
._8iuiziq {
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  border-width: 0px;
  border-style: solid;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 0px;
  position: relative;
  z-index: 0;
  min-height: 0px;
  min-width: 0px;
  max-width: 1020px;
  margin: 110px auto 0;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
._1waf7l6b {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #21242c;
  display: block;
  font-family: "Source Serif Pro", "Noto Serif", serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: -0.1px;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-indent: -0.35em;
}
@media screen and (min-width: 768px) /* mediaQueries.mdOrLarger */ {
  ._1waf7l6b {
    font-size: 28px;
    line-height: 38px;
  }
}
@media screen and (min-width: 1024px) /* mediaQueries.lgOrLarger */ {
  ._1waf7l6b {
    font-size: 32px;
    line-height: 43px;
  }
}
._1wqqgcad {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-direction: reverse;
  -webkit-box-orient: horizontal;
  border-width: 0px;
  border-style: solid;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin: 0px;
  padding: 0px;
  position: relative;
  z-index: 0;
  min-height: 0px;
  min-width: 0px;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-align-items: center;
  align-items: center;
}
._46s8e9s {
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  border-width: 0px;
  border-style: solid;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  z-index: 0;
  min-height: 0px;
  min-width: 0px;
  margin: 16px auto;
  width: 160px;
  padding: 16px 14px;
}
@media screen and (max-width: 767px) /* mediaQueries.smOrSmaller */ {
  ._46s8e9s {
    width: 130px;
  }
}
._uzt8817 {
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  border-width: 0px;
  border-style: solid;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0px;
  padding: 0px;
  position: relative;
  z-index: 0;
  min-height: 0px;
  min-width: 0px;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  margin-right: 24px;
}
@media screen and (max-width: 767px) /* mediaQueries.smOrSmaller */ {
  ._uzt8817 {
    margin-right: 0px;
    margin-left: 12px;
  }
}
._dgtlqba {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 13px;
  line-height: 25px;
  letter-spacing: 0.1em;
  font-weight: 700;
  text-align: center;
}
@media screen and (min-width: 1024px) /* mediaQueries.lgOrLarger */ {
  ._dgtlqba {
    font-size: 16px;
    line-height: 25px;
    letter-spacing: 0.1em;
  }
}
._7pkzzvy {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: italic;
  text-align: center;
  text-transform: uppercase;
}
._xxirkbi {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  border-width: 0px;
  border-style: solid;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  z-index: 0;
  min-height: 0px;
  min-width: 0px;
  -webkit-align-items: center;
  align-items: center;
  margin: 0 0 166px 0;
  padding: 0px;
}
@media screen and (max-width: 1023px) {
  ._xxirkbi {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    min-height: 100vh;
    padding-top: 0px;
    padding-bottom: 0px;
  }
}
._xxirkbi:focus {
  outline: 0px;
}
._1cizif6b {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-top: 0px;
  margin-bottom: 0px;
  color: #21242c;
  display: block;
  font-family: "Source Serif Pro", "Noto Serif", serif;
  font-size: 30px;
  font-weight: 600;
  line-height: 35px;
  letter-spacing: -0.1px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  ._1cizif6b {
    font-size: 44px;
    line-height: 48px;
  }
}
@media screen and (max-width: 374px) {
  ._1cizif6b {
    font-size: 30px;
    line-height: 35px;
  }
}
@media screen and (max-width: 566px) {
  ._1cizif6b {
    padding-left: 50px;
    padding-right: 50px;
  }
}
._nglobqo {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  border-width: 0px;
  border-style: solid;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  z-index: 0;
  min-width: 0px;
  position: relative;
  width: 100%;
  margin: 24px 0 0 0;
  padding: 24px 0 24px 0;
  min-height: 438px;
  -webkit-align-items: center;
  align-items: center;
  background-image: url(https://cdn.kastatic.org/images/lohp/last_chance_collage@2x.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media screen and (max-width: 1023px) {
  ._nglobqo {
    width: 100%;
    margin-top: 32px;
    padding-top: 32px;
  }
}
@media screen and (max-width: 566px) {
  ._nglobqo {
    margin-top: 16px;
    padding-top: 16px;
    padding-left: 50px;
    padding-right: 50px;
  }
}
._14docu54 {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  border-width: 0px;
  border-style: solid;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0px;
  padding: 0px;
  position: relative;
  z-index: 0;
  min-height: 0px;
  min-width: 0px;
  -webkit-align-items: center;
  align-items: center;
}
@media screen and (max-width: 1023px) {
  ._14docu54 {
    width: 100%;
  }
}
._12vdhdzb {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  position: relative;
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding-top: 0px;
  padding-bottom: 0px;
  border: none;
  cursor: pointer;
  outline: none;
  text-decoration: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: #1865f2;
  color: #ffffff;
  padding-left: 32px;
  padding-right: 32px;
  border-radius: 6px;
  height: 56px;
  margin: 0 0 8px 0;
  min-width: 335px;
}
._12vdhdzb:focus {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@media screen and (max-width: 566px) {
  ._12vdhdzb {
    min-width: 0px;
    width: 100%;
    max-width: 335px;
  }
}
._1mb8i0ay {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  position: relative;
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding-top: 0px;
  padding-bottom: 0px;
  border: none;
  cursor: pointer;
  outline: none;
  text-decoration: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: #1865f2;
  color: #ffffff;
  padding-left: 32px;
  padding-right: 32px;
  border-radius: 6px;
  height: 56px;
  margin: 0 0 8px 0;
  min-width: 335px;
}
._1mb8i0ay:focus {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@media screen and (max-width: 566px) {
  ._1mb8i0ay {
    min-width: 0px;
    width: 100%;
    max-width: 335px;
  }
}
@media screen and (max-width: 834px) {
  ._1mb8i0ay {
    display: none;
  }
}
._1qv51boe {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  position: relative;
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  height: 40px;
  padding-top: 0px;
  padding-bottom: 0px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  outline: none;
  text-decoration: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: #ffffff;
  color: #1865f2;
  padding-left: 16px;
  padding-right: 16px;
  margin: 0 0 8px 0;
  min-width: 335px;
}
._1qv51boe::-moz-focus-inner {
  border: 0px;
}
._1qv51boe:focus {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@media screen and (max-width: 566px) {
  ._1qv51boe {
    min-width: 0px;
    width: 100%;
    max-width: 335px;
  }
}
@media screen and (min-width: 835px) {
  ._1qv51boe {
    display: none;
  }
}
._55pbg6j {
  width: 204px;
  height: 21.2px;
  margin: -11px 0 0 -11px;
}
@media screen and (max-width: 1023px) /* mediaQueries.mdOrSmaller */ {
  ._55pbg6j {
    margin: 0px;
  }
}
@media screen and (max-width: 767px) /* mediaQueries.smOrSmaller */ {
  ._55pbg6j {
    width: 165px;
    height: 17px;
  }
}
._1i24i8vh {
  width: 189px;
  height: 32.5px;
  margin: -11px 0 0 0;
}
@media screen and (max-width: 1023px) /* mediaQueries.mdOrSmaller */ {
  ._1i24i8vh {
    margin: 0px;
  }
}
@media screen and (max-width: 767px) /* mediaQueries.smOrSmaller */ {
  ._1i24i8vh {
    width: 152.5px;
    height: 26px;
  }
}
._1gat0m9s {
  width: 165.5px;
  height: 19px;
}
@media screen and (max-width: 1023px) /* mediaQueries.mdOrSmaller */ {
  ._1gat0m9s {
    margin: 0px;
  }
}
@media screen and (max-width: 767px) /* mediaQueries.smOrSmaller */ {
  ._1gat0m9s {
    width: 144px;
    height: 16px;
  }
}
._55m9r6s {
  width: 215.5px;
  height: 43px;
}
@media screen and (max-width: 1023px) /* mediaQueries.mdOrSmaller */ {
  ._55m9r6s {
    margin: 0px;
  }
}
@media screen and (max-width: 767px) /* mediaQueries.smOrSmaller */ {
  ._55m9r6s {
    width: 174px;
    height: 35px;
  }
}
._sc4ogq {
  width: 151px;
  height: 48px;
}
@media screen and (max-width: 1023px) /* mediaQueries.mdOrSmaller */ {
  ._sc4ogq {
    margin: 0px;
  }
}
@media screen and (max-width: 767px) /* mediaQueries.smOrSmaller */ {
  ._sc4ogq {
    width: 122px;
    height: 39px;
  }
}
._40j7o5e {
  width: 221px;
  height: 20px;
  margin: 16px 0 0 0;
}
@media screen and (max-width: 1023px) /* mediaQueries.mdOrSmaller */ {
  ._40j7o5e {
    margin: 0px;
  }
}
@media screen and (max-width: 767px) /* mediaQueries.smOrSmaller */ {
  ._40j7o5e {
    width: 192px;
    height: 17.5px;
  }
}
._1dw61n0d {
  width: 172.5px;
  height: 17px;
  margin: 8px 0 0 0;
}
@media screen and (max-width: 1023px) /* mediaQueries.mdOrSmaller */ {
  ._1dw61n0d {
    margin: 0px;
  }
}
@media screen and (max-width: 767px) /* mediaQueries.smOrSmaller */ {
  ._1dw61n0d {
    width: 139px;
    height: 14px;
  }
}
._15yizfoe {
  width: 155px;
  height: 32px;
  margin: 16px 0 0 0;
}
@media screen and (max-width: 1023px) /* mediaQueries.mdOrSmaller */ {
  ._15yizfoe {
    margin: 0px;
  }
}
@media screen and (max-width: 767px) /* mediaQueries.smOrSmaller */ {
  ._15yizfoe {
    width: 134px;
    height: 27.5px;
  }
}
._1hriv34h {
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  border-width: 0px;
  border-style: solid;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0px;
  padding: 0px;
  position: relative;
  z-index: 0;
  min-height: 0px;
  min-width: 0px;
  overflow: hidden;
}
._1ou4vss {
  -ms-flex-item-align: center;
  position: absolute;
  overflow: visible;
  z-index: -1;
  top: 0px;
  -webkit-align-self: center;
  align-self: center;
  min-height: 100%;
  width: 1600px;
}
@media screen and (min-width: 1300px) {
  ._1ou4vss {
    width: 110%;
  }
}
@media screen and (max-width: 1023px) {
  ._1ou4vss {
    height: 100%;
    top: 0px;
    bottom: 0px;
  }
}
._51yg8mt {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  border-width: 0px;
  border-style: solid;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0px;
  position: relative;
  z-index: 0;
  min-height: 0px;
  min-width: 0px;
  padding: 115px 64px 78px 64px;
  width: 100%;
  -webkit-align-items: center;
  align-items: center;
}
@media screen and (max-width: 1023px) /* mediaQueries.mdOrSmaller */ {
  ._51yg8mt {
    padding-top: 109px;
    padding-bottom: 42px;
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media screen and (max-width: 767px) /* mediaQueries.smOrSmaller */ {
  ._51yg8mt {
    padding-top: 90px;
    padding-bottom: 22px;
    padding-left: 40px;
    padding-right: 40px;
  }
}
._13k3oaee {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-top: 0px;
  margin-bottom: 0px;
  color: #2d444e;
  display: block;
  font-family: "Source Serif Pro", "Noto Serif", serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 48px;
}
@media screen and (max-width: 1023px) /* mediaQueries.mdOrSmaller */ {
  ._13k3oaee {
    font-size: 22px;
    line-height: 30px;
    text-align: center;
  }
}
._vuhkxie {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-lines: multiple;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  border-width: 0px;
  border-style: solid;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin: 0px;
  padding: 0px;
  position: relative;
  z-index: 0;
  min-height: 0px;
  min-width: 0px;
  padding-top: 68px;
  max-width: 1024px;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}
@media screen and (max-width: 1199px) /* mediaQueries.lgOrSmaller */ {
  ._vuhkxie {
    max-width: 540px;
  }
}
@media screen and (max-width: 767px) /* mediaQueries.smOrSmaller */ {
  ._vuhkxie {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    width: auto;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
    padding-top: 58px;
  }
}
._1t9h51bq {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -ms-flex-negative: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  border-width: 0px;
  border-style: solid;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0px;
  position: relative;
  z-index: 0;
  min-height: 0px;
  min-width: 0px;
  width: auto;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  text-align: left;
  margin: 0 28px 32px;
  -webkit-justify-content: center;
  justify-content: center;
}
@media screen and (max-width: 1199px) /* mediaQueries.lgOrSmaller */ {
  ._1t9h51bq {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -ms-flex-preferred-size: 50%;
    -webkit-flex-basis: 50%;
    flex-basis: 50%;
    margin: 0 0 68px 0;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
  ._1t9h51bq:nth-child(even) {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
  }
}
@media screen and (max-width: 767px) /* mediaQueries.smOrSmaller */ {
  ._1t9h51bq {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-flex-preferred-size: auto;
    width: 100%;
    margin: 0 0 58px 0;
    -webkit-flex-basis: auto;
    flex-basis: auto;
    -webkit-align-items: center;
    align-items: center;
  }
  ._1t9h51bq:nth-child(even) {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
}
._1qf4y4du {
  -webkit-box-align: center;
  -ms-flex-align: center;
  cursor: pointer;
  outline: none;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 100%;
  font-family: inherit;
  text-decoration: none;
  color: #1865f2;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  white-space: nowrap;
  margin-left: 16px;
  margin-right: 16px;
}
._1qf4y4du:hover {
  text-decoration: none;
}
._1qf4y4du:focus {
  box-shadow: inset 0 -3px 0 0 #1865f2;
}
@media screen and (max-width: 767px) /* mediaQueries.smOrSmaller */ {
  ._1qf4y4du {
    display: none;
  }
}
@keyframes keyframe_zfv6xh {
  to {
    stroke-dashoffset: 0;
  }
}
._t1oee9 {
  -webkit-animation-name: keyframe_zfv6xh;
  animation-name: keyframe_zfv6xh;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  animation-easing-function: ease-in-out;
}
._183sveq {
  overflow: visible;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100px;
  height: 100px;
  pointer-events: none;
}
._17fow1wv {
  display: none;
  position: absolute;
  z-index: 1000;
  background-color: #f7f8fa;
  border-bottom: 1px solid rgba(33, 36, 44, 0.16);
  border-top: 1px solid rgba(33, 36, 44, 0.16);
  left: 0px;
  opacity: 0.99;
  width: 100%;
}
@media screen and (min-width: 1366px) {
  ._17fow1wv {
    background-image: url("https://cdn.kastatic.org/images/learn-menu/left-background.png"),
      url("https://cdn.kastatic.org/images/learn-menu/right-background.png");
    background-position: center left, top -62px right 0px;
    background-repeat: no-repeat;
  }
}
._njywdf2 {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 28px;
  padding-bottom: 16px;
  -webkit-column-count: 4;
  -moz-column-count: 4;
  column-count: 4;
}
@media screen and (min-width: 1200px) /* mediaQueries.xl */ {
  ._njywdf2 {
    -webkit-column-count: 5;
    -moz-column-count: 5;
    column-count: 5;
  }
}
._1b2zmqj {
  display: inline-block;
  margin-bottom: 12px;
  padding-top: 4px;
  word-wrap: break-word;
  width: 95%;
}
._121xeo4 {
  padding-top: 16px;
}
._hsazh44 {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  background-color: transparent;
  text-decoration: none;
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  align-items: center;
  color: #0b2149;
  height: 20px;
  width: 100%;
  padding-bottom: 8px;
  white-space: normal;
}
._hsazh44:active {
  color: #0b2149;
}
._hsazh44:hover {
  text-decoration: underline;
  color: #1865f2;
}
._1uk4ltt6 {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  font-family: Lato, "Noto Sans", sans-serif;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  margin-bottom: 0px;
}
._1uk4ltt6:hover {
  text-decoration: underline;
}
._4crv9hk {
  background-color: transparent;
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: -webkit-inline-flex;
  display: inline-flex;
  color: #1865f2;
  width: 100%;
  margin-bottom: 16px;
  white-space: normal;
  text-decoration: none;
}
._4crv9hk:hover {
  text-decoration: none;
}
._u1utz4z {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  font-family: Lato, "Noto Sans", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  white-space: normal;
}
._u1utz4z:hover {
  text-decoration: underline;
}
._akfsuo {
  -ms-flex-negative: 0;
  -ms-flex-preferred-size: 4px;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  border-width: 0px;
  border-style: solid;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0px;
  padding: 0px;
  position: relative;
  z-index: 0;
  min-height: 0px;
  min-width: 0px;
  width: 4px;
  -ms-flex-basis: 4px;
  -ms-flex-preferred-size: 4px;
  -webkit-flex-basis: 4px;
  flex-basis: 4px;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
._6oauft {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  border-width: 0px;
  border-style: solid;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0px;
  padding: 0px;
  position: relative;
  z-index: 0;
  min-height: 0px;
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: -webkit-inline-flex;
  display: inline-flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background-color: #1865f2;
  outline: none;
  color: #ffffff;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding-left: 8px;
  padding-right: 8px;
  border-radius: 6px;
  height: 20px;
  min-width: auto;
  padding-inline-start: 4px;
  padding-inline-end: 4px;
}
._5kw39h {
  margin: 20px auto -20px auto;
  max-width: 1200px;
}
._1uo6y4s {
  padding: 20px;
  margin-left: 20px;
  margin-right: 20px;
  background-color: #f5f5f5;
  border-radius: 8px;
  -webkit-font-smoothing: antialiased;
}
@media screen and (min-width: 1023.5px) {
  ._1uo6y4s {
    display: grid;
    -ms-grid-template-columns: repeat(2, 1fr);
    grid-template-columns: repeat(2, 1fr);
    -webkit-column-gap: 100px;
    -moz-column-gap: 100px;
    column-gap: 100px;
    padding: 20px 80px;
  }
}
._15vgm93 {
  border-bottom: 1px solid rgba(33, 36, 44, 0.32);
}
@media screen and (min-width: 1023.5px) {
  ._15vgm93 {
    display: grid;
    -ms-grid-template-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
  ._15vgm93:last-child {
    border: 0px;
  }
}
._1gbamhn {
  -webkit-box-align: center;
  -ms-flex-align: center;
  cursor: pointer;
  font-family: Lato, "Noto Sans", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  padding: 10px 0;
  color: #21242c;
  text-align: left;
  border: none;
  display: grid;
  -ms-grid-template-columns: auto 1fr auto;
  grid-template-columns: auto 1fr auto;
  -webkit-align-items: center;
  align-items: center;
  background-color: transparent;
}
._1gbamhn:hover {
  text-decoration: underline;
}
._1gbamhn:focus {
  text-decoration: underline;
}
@media screen and (min-width: 1023.5px) {
  ._1gbamhn {
    padding: 20px 0 15px;
    -ms-grid-column-start: 1;
    grid-column-start: 1;
    -ms-grid-column-end: 3;
    grid-column-end: 3;
    font-size: 20px;
  }
}
._1yvsftr {
  border-radius: 17px;
  margin-right: 10px;
  width: 34px;
  height: 34px;
}
@media screen and (min-width: 1023.5px) {
  ._1yvsftr {
    width: 45px;
    height: 45px;
    border-radius: 23px;
  }
}
._yhukwjp {
  -webkit-transition: -webkit-transform 0.5s, transform 0.5s;
  -moz-transition: transform 0.5s;
  transition: -ms-transform 0.5s, -webkit-transform 0.5s, transform 0.5s;
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
._u3ctvv {
  margin-left: 44px;
}
@media screen and (min-width: 1023.5px) {
  ._u3ctvv {
    margin: -5px 0 10px 55px;
  }
}
._pt9he7 {
  font-size: 16px;
  line-height: 20px;
  padding: 8px 0;
  display: block;
  border-radius: 3px;
  color: #21242c;
  text-decoration: none;
}
._pt9he7:hover {
  text-decoration: underline;
}
._pt9he7:focus {
  outline: 2px solid #1865f2;
  text-decoration: underline;
}
._rm7tne8 {
  margin-left: 44px;
  margin-bottom: 10px;
}
@media screen and (min-width: 1023.5px) {
  ._rm7tne8 {
    margin: -5px 0 10px 20px;
  }
}
._1vrfoknn {
  font-weight: bold;
}
._13nc1w19 {
  border-bottom: 0px;
}
@media screen and (min-width: 1023.5px) {
  ._13nc1w19 {
    display: grid;
    -ms-grid-template-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
  ._13nc1w19:last-child {
    border: 0px;
  }
}
._1lo7mt7k {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  position: relative;
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  height: 40px;
  padding-top: 0px;
  padding-bottom: 0px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  outline: none;
  text-decoration: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: #1865f2;
  color: #ffffff;
  padding-left: 16px;
  padding-right: 16px;
  box-shadow: 0 0 0 1px #ffffff, 0 0 0 3px #1865f2;
}
._1lo7mt7k:focus {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
._2njbi5u {
  -webkit-box-align: center;
  -ms-flex-align: center;
  cursor: pointer;
  outline: none;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 100%;
  font-family: inherit;
  text-decoration: none;
  color: #1865f2;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  white-space: nowrap;
  margin-left: 16px;
  margin-right: 16px;
}
._2njbi5u:hover {
  text-decoration: none;
}
._2njbi5u:focus {
  box-shadow: inset 0 -3px 0 0 #1865f2;
}
@media screen and (max-width: 767px) /* mediaQueries.smOrSmaller */ {
  ._2njbi5u {
    display: none;
  }
}
._144f99ou {
  -webkit-box-align: center;
  -ms-flex-align: center;
  cursor: pointer;
  outline: none;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 100%;
  font-family: inherit;
  text-decoration: none;
  color: #1865f2;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  white-space: nowrap;
  margin-left: 16px;
  margin-right: 16px;
}
._144f99ou:hover {
  text-decoration: none;
}
._144f99ou:focus {
  box-shadow: inset 0 -3px 0 0 #1865f2;
}
@media screen and (max-width: 767px) /* mediaQueries.smOrSmaller */ {
  ._144f99ou {
    display: none;
  }
}
._9jx77m {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  min-height: -webkit-calc(100vh - 200px);
  min-height: -moz-calc(100vh - 200px);
  min-height: calc(100vh - 200px);
}
.signup_contaner {
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  position: relative;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
}
@media screen and (min-width: 1024px) /* mediaQueries.lgOrLarger */ {
  .signup_contaner {
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
@media screen and (max-width: 567px) /* mediaQueries.xs */ {
  .signup_contaner {
    width: 100%;
    min-height: 100%;
  }
}
.signup_left {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #2c533c;
  width: 100%;
  -webkit-align-items: center;
  align-items: center;
  padding: 5%;
  -webkit-justify-content: center;
  justify-content: center;
}
@media screen and (min-width: 1024px) /* mediaQueries.lgOrLarger */ {
  .signup_left {
    width: 50%;
    padding: 7.5%;
  }
}
@media screen and (min-width: 1200px) /* mediaQueries.xlOrLarger */ {
  .signup_left {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    padding: 10%;
  }
}
@media screen and (min-width: 1600px) {
  .signup_left {
    padding-right: 160px;
    padding-top: 160px;
    padding-bottom: 160px;
  }
}
.signup_right {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #ffffff;
  width: 100%;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}
@media screen and (min-width: 768px) /* mediaQueries.mdOrLarger */ {
  .signup_right {
    padding: 5%;
  }
}
@media screen and (min-width: 1024px) /* mediaQueries.lgOrLarger */ {
  .signup_right {
    width: 50%;
    padding: 7.5%;
    margin-top: -85px;
  }
}
@media screen and (min-width: 1200px) /* mediaQueries.xlOrLarger */ {
  .signup_right {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    padding: 10%;
  }
}
@media screen and (min-width: 1600px) {
  .signup_right {
    padding-top: 160px;
    padding-bottom: 160px;
    padding-left: 160px;
  }
}
._k58x6vh {
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  border-width: 0px;
  border-style: solid;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0px;
  padding: 0px;
  position: relative;
  z-index: 0;
  min-height: 0px;
  min-width: 0px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media screen and (min-width: 1024px) /* mediaQueries.lgOrLarger */ {
  ._k58x6vh {
    padding-top: 320px;
    width: 100%;
    max-width: 443px;
    background-size: 100%;
    background-image: url(https://cdn.kastatic.org/images/signup/signup-banner-2x.png);
    background-repeat: no-repeat;
    background-position: top center;
  }
}
@media screen and (min-width: 1200px) /* mediaQueries.xlOrLarger */ {
  ._k58x6vh {
    padding-top: 360px;
  }
}
._14pulkeo {
  height: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media screen and (max-width: 1023px) /* mediaQueries.mdOrSmaller */ {
  ._14pulkeo {
    margin-top: 16px;
    margin-bottom: 16px;
    padding-left: 8px;
    padding-right: 8px;
    overflow-y: auto;
    overflow-x: hidden;
  }
  ._14pulkeo::-webkit-scrollbar {
    width: 4px;
  }
  ._14pulkeo::-webkit-scrollbar-track {
    background-color: rgba(33, 36, 44, 0.16);
    border-radius: 4px;
  }
  ._14pulkeo::-webkit-scrollbar-thumb {
    background-color: rgba(33, 36, 44, 0.64);
    border-radius: 4px;
  }
}
@media screen and (max-width: 567px) /* mediaQueries.xs */ {
  ._14pulkeo {
    max-width: -webkit-calc(100% - 2 * 24px);
    max-width: -moz-calc(100% - 2 * 24px);
    max-width: calc(100% - 2 * 24px);
    padding-left: 24px;
    padding-right: 24px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 567px) /* mediaQueries.xsOrSmaller */ {
  ._14pulkeo {
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
    max-width: 100%;
  }
}
@media screen and (max-width: 1023px) /* mediaQueries.mdOrSmaller */ {
  ._1tn296m {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
  }
}
._1ur8gjgn {
  -ms-flex-item-align: start;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-bottom: 0px;
  font-size: 20px;
  line-height: 32px;
  max-width: 100%;
  margin-top: 18px;
  color: #ffffff;
  text-align: left;
  -webkit-align-self: flex-start;
  align-self: flex-start;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 1024px) and (max-width: 1199px) /* mediaQueries.lg */ {
  ._1ur8gjgn {
    margin-left: 48px;
    margin-right: 48px;
    margin-bottom: 0px;
  }
  ._1ur8gjgn:first-child {
    margin-top: 16px;
  }
  ._1ur8gjgn:last-child {
    margin-bottom: 96px;
  }
}
@media screen and (max-width: 1023px) /* mediaQueries.mdOrSmaller */ {
  ._1ur8gjgn {
    display: none;
    width: 368px;
    margin-top: 16px;
  }
}
@media screen and (max-width: 567px) /* mediaQueries.xs */ {
  ._1ur8gjgn {
    width: 100%;
  }
}
@media screen and (min-width: 768px) /* mediaQueries.mdOrLarger */ {
  ._1ur8gjgn {
    text-align: center;
  }
}
._1qm9g491 {
  -ms-flex-item-align: start;
  max-width: 334px;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-bottom: 0px;
  font-size: 14px;
  line-height: 18px;
  margin-top: 44px;
  color: #ffffff;
  text-align: left;
  -webkit-align-self: flex-start;
  align-self: flex-start;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 1024px) and (max-width: 1199px) /* mediaQueries.lg */ {
  ._1qm9g491 {
    margin-left: 48px;
    margin-right: 48px;
    margin-bottom: 0px;
  }
  ._1qm9g491:first-child {
    margin-top: 16px;
  }
  ._1qm9g491:last-child {
    margin-bottom: 96px;
  }
}
@media screen and (max-width: 1023px) /* mediaQueries.mdOrSmaller */ {
  ._1qm9g491 {
    width: 368px;
    margin-top: 16px;
  }
}
@media screen and (max-width: 567px) /* mediaQueries.xs */ {
  ._1qm9g491 {
    width: 100%;
  }
}
@media screen and (min-width: 768px) /* mediaQueries.mdOrLarger */ {
  ._1qm9g491 {
    text-align: center;
  }
}
@media screen and (max-width: 567px) /* mediaQueries.xsOrSmaller */ {
  ._1qm9g491 {
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
    max-width: 100%;
  }
}
._62rw7n3 {
  -ms-flex-item-align: start;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-top: 0px;
  display: block;
  margin-bottom: 4px;
  font-size: 44px;
  line-height: 48px;
  font-weight: normal;
  font-family: "Source Serif Pro", "Noto Serif", serif;
  max-width: 100%;
  color: #ffffff;
  text-align: left;
  -webkit-align-self: flex-start;
  align-self: flex-start;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1024px) {
  ._62rw7n3 {
    font-size: 36px;
    line-height: 40px;
  }
}
@media (max-width: 1023px) {
  ._62rw7n3 {
    font-size: 28px;
    line-height: 32px;
  }
}
@media screen and (min-width: 1024px) /* mediaQueries.lgOrLarger */ {
  ._62rw7n3 {
    margin-top: 36px;
  }
}
@media screen and (min-width: 768px) /* mediaQueries.mdOrLarger */ {
  ._62rw7n3 {
    text-align: center;
  }
}
@media screen and (max-width: 567px) /* mediaQueries.xsOrSmaller */ {
  ._62rw7n3 {
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
    max-width: 100%;
  }
}
.signup_way {
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  min-height: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.signup_content {
  -ms-flex-positive: 1;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  margin-top: 40px;
  width: 368px;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.53;
  color: #21242c;
  max-width: -webkit-calc(100% - 2 * 24px);
  max-width: -moz-calc(100% - 2 * 24px);
  max-width: calc(100% - 2 * 24px);
}
@media screen and (min-width: 1024px) /* mediaQueries.lgOrLarger */ {
  .signup_content {
    margin-top: 64px;
  }
}
._wgmchy {
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.signup_title {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-top: 0px;
  display: block;
  margin-bottom: 4px;
  font-size: 44px;
  line-height: 48px;
  font-weight: normal;
  font-family: "Source Serif Pro", "Noto Serif", serif;
}
@media (min-width: 1024px) {
  .signup_title {
    font-size: 36px;
    line-height: 40px;
  }
}
@media (max-width: 1023px) {
  .signup_title {
    font-size: 28px;
    line-height: 32px;
  }
}
._bdbxka {
  margin: 20 auto;
}
._176k0ns {
  margin-top: 4px;
}
._1up6svzf {
  -ms-flex-negative: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  margin: 0px;
  position: relative;
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: -webkit-inline-flex;
  display: inline-flex;
  font-family: inherit;
  border-style: solid;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  white-space: nowrap;
  line-height: normal;
  font-weight: bold;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  height: 48px;
  font-size: 15px;
  padding: 0px 20px;
  border-width: 1px;
  border-radius: 4px;
}
._1yok8f4 {
  vertical-align: middle;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  width: 100%;
}
._1nc5dfk1 {
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  border-width: 0px;
  border-style: solid;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0px;
  z-index: 0;
  min-height: 0px;
  min-width: 0px;
  position: absolute;
  top: 0px;
  left: 0px;
  height: 46px;
  width: 46px;
  padding: 11px;
}
._1qxywlbt {
  -ms-flex-negative: 0;
  -ms-flex-preferred-size: 24px;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  border-width: 0px;
  border-style: solid;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0px;
  padding: 0px;
  position: relative;
  z-index: 0;
  min-height: 0px;
  min-width: 0px;
  width: 24px;
  -ms-flex-basis: 24px;
  -ms-flex-preferred-size: 24px;
  -webkit-flex-basis: 24px;
  flex-basis: 24px;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
._1aixq078 {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  font-family: Lato, "Noto Sans", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
}
._euf586 {
  color: #d92916;
}
._g46y7xc {
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  border-width: 0px;
  border-style: solid;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0px;
  padding: 0px;
  position: relative;
  z-index: 0;
  min-width: 0px;
  min-height: 12px;
}
._1x6ahvlr {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  font-family: Lato, "Noto Sans", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #21242c;
}
._xg1f1zo {
  -ms-flex-negative: 0;
  -ms-flex-preferred-size: 8px;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  border-width: 0px;
  border-style: solid;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0px;
  padding: 0px;
  position: relative;
  z-index: 0;
  min-height: 0px;
  min-width: 0px;
  width: 8px;
  -ms-flex-basis: 8px;
  -ms-flex-preferred-size: 8px;
  -webkit-flex-basis: 8px;
  flex-basis: 8px;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
._1azps1m {
  width: 100%;
  height: 40px;
  border-radius: 4px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 16px;
  margin: 0px;
  outline: none;
  box-shadow: none;
  display: block;
  font-family: Lato, "Noto Sans", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  background: #ffffff;
  border: 1px solid rgba(33, 36, 44, 0.16);
  color: #21242c;
}
._1azps1m::placeholder {
  color: rgba(33, 36, 44, 0.64);
}
._da68dmd {
  -webkit-box-align: center;
  -ms-flex-align: center;
  cursor: pointer;
  text-decoration: none;
  outline: none;
  -webkit-align-items: center;
  align-items: center;
  color: #1865f2;
  margin-bottom: 12px;
}
._1gfg6utt {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  margin: 0px;
  position: relative;
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  height: 40px;
  padding-top: 0px;
  padding-bottom: 0px;
  border: none;
  border-radius: 4px;
  outline: none;
  text-decoration: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding-left: 16px;
  padding-right: 16px;
  background: rgba(33, 36, 44, 0.32);
  color: rgba(255, 255, 255, 0.64);
  cursor: default;
  width: 100%;
}
._1gfg6utt::-moz-focus-inner {
  border: 0px;
}
._1gfg6utt:focus {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-shadow: 0 0 0 1px #ffffff, 0 0 0 3px rgba(33, 36, 44, 0.32);
}
._xy39ea8 {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  font-family: Lato, "Noto Sans", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
}
._10p2zakf {
  -webkit-box-align: center;
  -ms-flex-align: center;
  cursor: pointer;
  text-decoration: none;
  outline: none;
  -webkit-align-items: center;
  align-items: center;
  color: #1865f2;
  font-weight: bold;
}
._fzbddc {
  opacity: 0;
}
._9wppf2e {
  opacity: 1;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  transition-property: opacity;
}
._mqt2hw8 {
  -webkit-box-align: center;
  -ms-flex-align: center;
  cursor: pointer;
  outline: none;
  -webkit-align-items: center;
  align-items: center;
  text-decoration: underline currentcolor solid;
  color: #1865f2;
  margin-bottom: 12px;
}
._1w2xkcrb {
  -webkit-box-align: center;
  -ms-flex-align: center;
  cursor: pointer;
  outline: none;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 100%;
  font-family: inherit;
  text-decoration: none;
  color: #1865f2;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  white-space: nowrap;
  margin-left: 16px;
  margin-right: 0px;
}
._1w2xkcrb:hover {
  text-decoration: none;
}
._1w2xkcrb:focus {
  box-shadow: inset 0 -3px 0 0 #1865f2;
}
@media screen and (max-width: 767px) /* mediaQueries.smOrSmaller */ {
  ._1w2xkcrb {
    display: none;
  }
}
._17h8heib {
  -webkit-box-align: center;
  -ms-flex-align: center;
  cursor: pointer;
  outline: none;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 100%;
  font-family: inherit;
  text-decoration: none;
  color: #1865f2;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  white-space: nowrap;
  margin-left: 16px;
  margin-right: 0px;
}
._17h8heib:hover {
  text-decoration: none;
}
._17h8heib:focus {
  box-shadow: inset 0 -3px 0 0 #1865f2;
}
@media screen and (max-width: 767px) /* mediaQueries.smOrSmaller */ {
  ._17h8heib {
    display: none;
  }
}
.join_free {
  font-weight: normal;
}
.enter_code {
  margin-top: 14px;
  margin-bottom: -14px;
  text-align: center;
  font-size: 15px;
  color: #00a60e;
}
._vxt53f {
  margin-top: 24px;
  margin-bottom: 72px;
  text-align: center;
  font-size: 15px;
  color: #00a60e;
}
.choose_tab_contaner {
  display: flex;
  flex-direction: row;
  margin-top: 4px;
  margin-bottom: 18px;
  height: 40px;
}
.active_tab {
  flex-grow: 1;
  text-align: center;
  font-size: 15px;
  font-weight: 600;
  padding: 0px;
  margin: 0px;
  border-width: 1px;
  border-style: solid;
  cursor: pointer;
  border-left: none;
  border-right: none;
  background-color: #1865f2;
  border-color: #1865f2;
  color: #ffffff;
  font-family: inherit;
}
.active_tab:focus {
  position: relative;
}
.active_tab:first-child {
  border-radius: 4px 0 0 4px;
  border-left-width: 1px;
  border-left-style: solid;
  border-right: none;
  border-left: none;
  border-left-color: #1865f2;
}
.active_tab:last-child {
  border-radius: 0 4px 4px 0;
  border-left: none;
  border-right-width: 1px;
  border-right-style: solid;
  border-right: none;
  border-right-color: #1865f2;
}
.active_tab:hover {
  background-color: #1865f2;
  border-color: #1865f2;
  color: #ffffff;
}
.choose_tab {
  flex-grow: 1;
  text-align: center;
  font-size: 15px;
  font-weight: 600;
  padding: 0px;
  margin: 0px;
  border-width: 1px;
  border-style: solid;
  cursor: pointer;
  border-left: none;
  border-right: none;
  background-color: #ffffff;
  border-color: rgba(33, 36, 44, 0.16);
  color: #1865f2;
  font-family: inherit;
}
.choose_tab:focus {
  position: relative;
}
.choose_tab:first-child {
  border-radius: 4px 0 0 4px;
  border-left-width: 1px;
  border-left-style: solid;
  border-right: none;
  border-left-color: rgba(33, 36, 44, 0.16);
}
.choose_tab:last-child {
  border-radius: 0 4px 4px 0;
  border-left: none;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: rgba(33, 36, 44, 0.16);
}
.choose_tab:hover {
  background-color: #1865f2;
  border-color: #1865f2;
  color: #ffffff;
}
._3hyp2hu {
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  border-width: 0px;
  border-style: solid;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0px;
  padding: 0px;
  position: relative;
  z-index: 0;
  min-width: 0px;
  display: block;
  min-height: 95px;
}
._1ogiq8uv {
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  border-width: 0px;
  border-style: solid;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0px;
  padding: 0px;
  position: relative;
  z-index: 0;
  min-height: 0px;
  min-width: 0px;
  display: block;
  font-size: 15px;
  font-weight: 600;
  line-height: 23px;
  color: #21242c;
  width: 100%;
}
._1ogiq8uv:not(:last-of-type) {
  margin-right: 8px;
}
.birth_tip {
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  border-width: 0px;
  border-style: solid;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0px;
  padding: 0px;
  position: relative;
  z-index: 0;
  min-height: 0px;
  min-width: 0px;
  font-weight: normal;
  margin-bottom: 4px;
}
._duavrzj {
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  border-width: 0px;
  border-style: solid;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin: 0px;
  padding: 0px;
  position: relative;
  z-index: 0;
  min-height: 0px;
  min-width: 0px;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
._so1ttwz {
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  border-width: 0px;
  border-style: solid;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0px;
  padding: 0px;
  position: relative;
  z-index: 0;
  min-height: 0px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 110px;
}
._19tytzqn {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -ms-flex-align: center;
  margin: 0px;
  position: relative;
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  height: 40px;
  padding-left: 16px;
  padding-right: 12px;
  border-radius: 4px;
  border-style: solid;
  outline: none;
  text-decoration: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  white-space: nowrap;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  background: #ffffff;
  border-color: rgba(33, 36, 44, 0.16);
  border-width: 1px;
  color: rgba(33, 36, 44, 0.64);
}
._19tytzqn::-moz-focus-inner {
  border: 0px;
}
._1g6lyxh5 {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  font-family: Lato, "Noto Sans", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  margin-right: 8px;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: hidden;
  text-overflow: ellipsis;
}
._yxstdzi {
  -ms-flex-positive: 0;
  -ms-flex-negative: 0;
  display: inline-block;
  vertical-align: text-bottom;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  -webkit-flex-grow: 0;
  flex-grow: 0;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  background-color: rgba(33, 36, 44, 0.64);
  width: 16px;
  height: 16px;
  min-width: 16px;
  -webkit-mask-image: url(https://cdn.kastatic.org/genwebpack/prod/en/images/76a97545e1b923bc13bc-caret-down-bold.svg);
  mask-image: url(https://cdn.kastatic.org/genwebpack/prod/en/images/76a97545e1b923bc13bc-caret-down-bold.svg);
}
._1f4dmzjz {
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  border-width: 0px;
  border-style: solid;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0px;
  padding: 0px;
  position: relative;
  z-index: 0;
  min-height: 0px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 100px;
}
._1h8v03ot {
  -ms-flex-negative: 0;
  -ms-flex-preferred-size: 32px;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  border-width: 0px;
  border-style: solid;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0px;
  padding: 0px;
  position: relative;
  z-index: 0;
  min-height: 0px;
  min-width: 0px;
  width: 32px;
  -ms-flex-basis: 32px;
  -ms-flex-preferred-size: 32px;
  -webkit-flex-basis: 32px;
  flex-basis: 32px;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
.text_a {
  -webkit-box-align: center;
  -ms-flex-align: center;
  cursor: pointer;
  text-decoration: none;
  outline: none;
  -webkit-align-items: center;
  align-items: center;
  color: #1865f2;
}
</style>
